﻿
@{
    ViewBag.Title = "个人资料";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/profile")
<script>

      //knob
      $(".knob").knob();

</script>
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper">
        <!-- page start-->
        <div class="row">
            <aside class="profile-nav col-lg-3">
                <section class="panel">
                    <div class="user-heading round">
                        <a href="#">
                            <img src="/Content/Flat/img/profile-avatar.jpg" alt="">
                        </a>
                        <h1>史密斯</h1>
                        <p>service@jucheap.com</p>
                    </div>

                    <ul class="nav nav-pills nav-stacked">
                        <li class="active"><a href="@Url.Action("Flat","Themes",new { id = "profile.html"})"> <i class="fa fa-user"></i> 个人资料</a></li>
                        <li><a href="@Url.Action("Flat","Themes",new { id = "profile_activity.html"})"> <i class="fa fa-calendar"></i> 最近动态 <span class="label label-danger pull-right r-activity">9</span></a></li>
                        <li><a href="@Url.Action("Flat","Themes",new { id = "profile_edit.html"})"> <i class="fa fa-edit"></i> 设置</a></li>
                    </ul>

                </section>
            </aside>
            <aside class="profile-info col-lg-9">
                <section class="panel">
                    <form>
                        <textarea placeholder="Whats in your mind today?" rows="2" class="form-control input-lg p-text-area"></textarea>
                    </form>
                    <footer class="panel-footer">
                        <button class="btn btn-danger pull-right">Post</button>
                        <ul class="nav nav-pills">
                            <li>
                                <a href="#"><i class="fa fa-map-marker"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-camera"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class=" fa fa-film"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-microphone"></i></a>
                            </li>
                        </ul>
                    </footer>
                </section>
                <section class="panel">
                    <div class="bio-graph-heading">
                        如果我来统计这些数据，我不会参考招聘广告的要求，我更倾向于统计实际得到工作的人中的学历情况。我相信这份数据将会和华尔街日报的大有不同。
                    </div>
                    <div class="panel-body bio-graph-info">
                        <h1>Bio Graph</h1>
                        <div class="row">
                            <div class="bio-row">
                                <p><span>姓 </span>: 李</p>
                            </div>
                            <div class="bio-row">
                                <p><span>名 </span>: 离</p>
                            </div>
                            <div class="bio-row">
                                <p><span>国际 </span>: 澳大利亚</p>
                            </div>
                            <div class="bio-row">
                                <p><span>出生日期</span>: 13 July 1983</p>
                            </div>
                            <div class="bio-row">
                                <p><span>职业 </span>: 全栈工程师</p>
                            </div>
                            <div class="bio-row">
                                <p><span>邮件 </span>: service@jucheap.com</p>
                            </div>
                            <div class="bio-row">
                                <p><span>手机 </span>: (12) 03 123456789</p>
                            </div>
                            <div class="bio-row">
                                <p><span>电话 </span>: 88 (02) 123456</p>
                            </div>
                        </div>
                    </div>
                </section>
                <section>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <input class="knob" data-width="100" data-height="100" data-displayPrevious=true data-thickness=".2" value="35" data-fgColor="#e06b7d" data-bgColor="#e8e8e8">
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="red">网站设计</h4>
                                        <p>开始日期 : 15 July</p>
                                        <p>结束日期 : 15 August</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <input class="knob" data-width="100" data-height="100" data-displayPrevious=true data-thickness=".2" value="63" data-fgColor="#4CC5CD" data-bgColor="#e8e8e8">
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="terques">CMS管理系统设计 </h4>
                                        <p>开始日期 : 15 July</p>
                                        <p>结束日期 : 15 August</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <input class="knob" data-width="100" data-height="100" data-displayPrevious=true data-thickness=".2" value="75" data-fgColor="#96be4b" data-bgColor="#e8e8e8">
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="green">资料编辑系统</h4>
                                        <p>开始日期 : 15 July</p>
                                        <p>结束日期 : 15 August</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="panel">
                                <div class="panel-body">
                                    <div class="bio-chart">
                                        <input class="knob" data-width="100" data-height="100" data-displayPrevious=true data-thickness=".2" value="50" data-fgColor="#cba4db" data-bgColor="#e8e8e8">
                                    </div>
                                    <div class="bio-desk">
                                        <h4 class="purple">模板设计</h4>
                                        <p>开始日期 : 15 July</p>
                                        <p>结束日期 : 15 August</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </aside>
        </div>

        <!-- page end-->
    </section>
</section>
<!--main content end-->